html,body,div,p,h1,h2,h3,iframe,select,input,label,span,b,em,ul,li {
    padding: 0; margin: 0;
}
ul li { list-style: none;}

html,body { width: 100%; height: 100%; min-height: 250px;font-family:"Microsoft YaHei"/*,Helvitica,Verdana,Tohoma,Arial,san-serif*/;color:#555;font-size:12px;}
.hide {display: none;}

.left-nav { width: 85px; background: #293038; height: 100%; min-height: 650px; position: absolute; left: 0; top: 0;overflow:hidden;}
.left-nav .nav-scroll { overflow: scroll; height: 100%; padding-top:45px; overflow-x: hidden;}
.left-nav .nav-logo { width: 90px; height: 90px; background: url("image/nav.png") 2px 0 #39393B; cursor: pointer; position: absolute; z-index: 11}
.left-nav .nav-ht { width: 90px; height: 90px; background: url("image/nav.png") 0 -100px; cursor: pointer}
.left-nav .nav-dp { width: 90px; height: 80px; background: url("image/nav.png") 0 -200px; cursor: pointer}
.left-nav .nav-kh { width: 90px; height: 90px; background: url("image/nav.png") 0 -298px; cursor: pointer}
.left-nav .nav-wx { width: 90px; height: 90px; background: url("image/nav.png") 0 -400px; cursor: pointer}
.left-nav .nav-cj { width: 90px; height: 92px; background: url("image/nav.png") 0 -508px; cursor: pointer}
.left-nav ul { position: relative;}
.left-nav li{text-align:center;height:64px;}
.left-nav li.on{background:#37424f}
.left-nav li img{height:40px;width:40px;cursor: pointer;}
.left-nav li p{color:#ccc;}


.right {width: 100%; height: 100%;}
.right .content { margin-left: 68px; background: #ffffff; height: 100%; }
.right .top { height: 45px; width: 100%; border-bottom: 3px solid #fff;background:#09c ;}
.right .top .message-icon { width: 95px;  background: url("image/icon.png") 0 0 no-repeat #fff; float: left;position:absolute;height:77px;}
.right .top .message {height:45px;background:#09c;position:absolute;left:0;top:0;width:300px;line-height:45px;padding-left:20px;font-size:16px;color:#fff;}
.right .top .message h2 { font-size: 14px;}
.right .top .message p {font-size: 12px; line-height: 24px;}
.right .top .status { float: right; height: 100%;line-height:45px;padding-right:20px;color:#fff;}
.right .top .status a{color:#fff;text-decoration:none;}
.right .top .status .icon {height: 22px; display: block; float: left; position: relative;
    text-align: center; vertical-align: bottom; text-decoration: none; color: #555; font-size: 12px; padding-top: 51px;}
.right .status .station { width: 68px;  background: url("image/nav-top.png") center 12px;}

.right .status .doc { width: 69px; background: url("image/nav-top.png") center -85px;}
.right .status .myqcode { width: 69px; background: url("image/nav-top.png") center -181px;}
.right .status .pay { width: 74px;  background: url("image/nav-top.png") center -277px;}
.right .status .down { width: 63px; background: url("image/nav-top.png") center -483px;}
.right .status .help { width: 63px; background: url("image/nav-top.png") center -577px;}
.right .status .sync { width: 63px; background: url("image/nav-top.png") center -672px;}
.right .status .shopset{ width: 63px; background: url("image/nav-top.png") center -383px;}
.right .status .email { width: 58px;  background: url("image/icon.png") -98px 0;}
.right .status .tip { width: 23px; height: 20px; position: absolute; background: url("image/icon.png") -374px 0;
    font-size: 14px; color: #ffffff; right: 2px; top: 14px;padding:1px 0 0 3px;}
.right .status .tx { width: 103px; float: left; position: relative; height: 100%;border-left:1px solid #b9b9b9; }
.right .status .tx:hover .user-panel { display: block;background:#fff;}
.right .status .tx .img img { position: relative; left: 20px; top: 18px; width:41px; height:43px; border-radius:43px;}
.right .status .tx span { position: absolute; width: 7px; height: 7px; background: url("image/icon.png") -416px 0;
    left: 70px; top: 41px; display: block; cursor: pointer;}
.right .status .tx .user-panel { width: 216px; border: 1px solid #eeeeee; position: absolute; top: 77px;
    right: 10px; background: white; display: none;z-index:999;}
.right .status .tx .user-panel p { border-bottom: 1px solid #eeeeee; text-align: right; font-size: 12px;
    padding:10px 15px;}
.right .status .tx .user-panel p:nth-child(3) {border-bottom: none;}
.right .status .tx .user-panel p.login{text-align:center;}
.right .status .tx .user-panel em { font-style: normal; font-size: 14px; margin-right: 10px; color: #37424f;}
.right .status .tx .user-panel a{color:#555;text-decoration:none;margin-left:4px;}
.right .status .tx .user-panel input { width: 180px; background: #37424f; height: 30px; border: none; color: white; margin-top:5px;}
.right .status .tx .user-panel .arrow-top { position: absolute; top:-13px; right: 43px; width: 18px; height: 13px; background: url("image/arrow-top.png");}

.right .container { width: 100%; height: 90%}
.right .container-left { background: #EAEDF1; width: 129px; border: none; height: 100%;float: left; position: relative; border-top: 0; border-left: none; overflow-y:auto;padding-bottom:4px}
.right .container-left ul { padding: 3px 0;}
.right .container-left ul li { height: 35px; line-height: 35px; font-size: 12px;overflow: hidden;}
.right .container-left ul li a { text-decoration: none; color: #7c7c7c;padding:0 15px;display:block;height: 35px; line-height: 35px;}
.right .container-left ul li a:hover { color: #37424f;}
.right .container-left ul li a.active { color: #37424f;background:#fff;}

.right .container-right { margin-left: 131px; height: 100%}
.right .container-right .sub-nav { height: 33px; margin-top: -3px; border-bottom: 1px solid #eee;}
.right .container-right .sub-nav li { padding: 0 30px 0 10px; border-right: 1px solid #eee; cursor: pointer; position: relative;
    border-top: 1px solid #eee;
    margin-top: 2px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; float: left;}
.right .container-right .sub-nav li.active { background:#E8F8FF}
.right .container-right .sub-nav li .delete { position: absolute; right: 10px; top: 5px; width: 18px; height: 20px;
    background: url("image/delete.png");}
.right .container-right iframe { width: 100%; height: 100%; border: 0 none;}
.right .container-right iframe body { min-width: 1200px; overflow-x: scroll; }


.clearfix {*zoom: 1}
.clearfix:after {content: ""; display: block; height: 0; overflow: hidden; clear: both;}
.k-pager-wrap > .k-link,.k-pager-numbers .k-state-selected{border-radius:0;}
